<template>
  <div class="container">
    <mt-header fixed title="程序员"></mt-header>
    <transition>
      <keep-alive>
        <router-view/>
      </keep-alive>
    </transition>

    <Tabbar></Tabbar>

  </div>

</template>

<script>
  import {Header} from 'mint-ui';
  import Tabbar from './tabbar';

  export default {
    name: "root",
    components: {Tabbar}
  }
</script>


<style scoped>
  .container {
    overflow-x: hidden;
  }

  .v-enter {
    opacity: 0;
    transform: translateX(100%);
  }

  .v-leave-to {
    opacity: 0;
    transform: translateX(-100%);
    position: absolute;
  }

  .v-enter-active,
  .v-leave-active {
    transition: all 0.5s ease-in-out;
  }


</style>
